.meeting_input{
    position: absolute;
    right:2rem;
    top:0;
    width: 100%;
    height: 100%;
    background: white;
    vertical-align: middle;
}
.filter-title {
    font-size: 1.4rem;
    color: #4A4A4A;
}
.filter-item {
    font-size: 1.6rem;
    color: #4A4A4A;
}

.filter-item-footer {
    /*overflow: hidden;*/
    /*max-width: 28rem;*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
}

.overflow-elli {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}


.errorPage {
    height: 20.2rem;
    margin: auto;
    display: flex;
    margin-top: 3rem;
}
.errorPage-container {
    width: 100vw;
    height: 100vh;
    background: #FFF;
    position: fixed;
    top: 0;
    left: 0;
}

.room-list-container {
    marginTop:1rem;
    overflow: scroll;
    height: calc(100vh - 14.2rem);
}
.meetingRoomItem {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(226, 226, 226);
    padding: 3.4rem 1.8rem;
}

.booingTimePeriodSummary {
    font-size:1.4rem;
    color: #4A4A4A;
}

.boodingTimeSummary {
    font-size:1.6rem;
    color: #4A4A4A;
}


.meeting-room-header {
    font-size: 1.6rem;
    color: rgb(0, 136, 236);
    text-align: left;
    padding-bottom: 1.6rem;
}
.meeting-room-desc {
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #4A4A4A;
    line-height: 1.7rem;
    margin: 0.5rem 0;
}

.meeting-room-desc .desc-space {
    margin-right: 2.1rem;
    color: #0088EC;
}
.BookingBtn {
    width: 6rem;
    background-color: #71AED1;
    color: #FFF;
    font-size: 1.6rem;
    text-align: center;
    padding: 0.2rem;
    border-radius: 50px;
    float: right;
}

.clearFloat {
    clear: both;
}

.btnGroup{
    display: table;
    margin: 2rem auto auto;

}



.periodTime {
    font-family: PingFangSC-Regular;
    font-size: 9px;
    color: #888888;
    letter-spacing: -0.22px;
    float:left;
    text-align: center;
    width: 3.77rem;
}

.periodItem {
    width:1.1rem;
    height:2.2rem;
    float:left;
    background-color:#E8E8E8;
}

.periodItem-past {
    background-color:#C5C5C5;
}
.periodItem-booked {
    background-color:#C5C5C5;
}
.periodItem-bookedByTeam {
    background-color:#C5C5C5;
}


.toggleIt {
    transform: translate(0, 100vh);
    transition: transform .3s;
    height:0;
    margin-top: 0;
}

.toggleImg {
    height:1.8rem;
    padding-top: 0.5rem;
}

.untoggleImg {
    width:1.8rem;
    height:1rem;
}

.unToggleIt {
    transform: translate(0, 0);
    transition: transform .3s;
    overflow: scroll;
    margin-top: 0;
}

.unToggleIt:after {
    border-bottom : none !important;
}


.periodTimePart {
    float:left;
}

.periodTimeBlock {
    float:left;
}

.periodTimeBlock + .periodTimePart{
}


.select-booking-time-table {
    width:100%;
    text-align: center;
    background-color: #FFF;
}

.select-booking-time-table th {
    font-size: 1.4rem;
    color: #63A7D7;
    text-align: center;
}

.select-booking-time-table td {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 2rem;
    color: #4A4A4A;
}

.pay-meeting-room-amount {
    font-family: PingFangSC-Regular;
    font-size: 4rem;
    color: #FFD286;
    letter-spacing: -0.96px;
    line-height: 4rem;
    padding:3.3rem 0 0;
    margin:auto;
}


.pay-meeting-room-title {
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #9B9B9B;
    letter-spacing: -0.29px;
    line-height: 1.2rem;
    text-align: left;
    margin-bottom: 1.13rem;
}


.meeting-room_payType{
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #9B9B9B;
    letter-spacing: -0.29px;
    text-align: left;
    float: left;
    height: 2.7rem;
    line-height: 2.7rem;
    margin-bottom: 1.13rem;
}

.user-booking{
    border: 1px solid #0088EC;
    border-radius: 55px;
    width: 7.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #0088EC;
    letter-spacing: -0.34px;
    float: left;
    margin-left: 1rem;
    background: #0088EC;
}

.team_booking{
    border: 1px solid #0088EC;
    border-radius: 55px;
    width: 7.7rem;
    height: 2.7rem;
    line-height: 2.7rem;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #0088EC;
    letter-spacing: -0.34px;
    float: left;
    margin-left: 1rem;
}

.pay-meeting-room-value{
    margin-left: 1rem;
}



.btn {
    border-radius:3px;
    padding:1rem 2rem;
    color: #FFF;
    font-size:1.4rem;
    width: 8rem;
    text-align: center;
    margin:1rem;
}


.confirmPayBtn {
    margin-top:1rem;
    margin-bottom:3.3rem;
    background: #0088EC;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #FFFFFF;
    letter-spacing: -0.34px;
    text-align:center;
    width: 16.2rem;
    height: 3.6rem;
    line-height: 3.6rem;
}

.confirm {
    background-color: #0088EC;
}

.cancel {
    background-color: #CCD2DA;
}
.floatLeft{
    float: left;
}

.floatRight{
    float: right;
}

.booked {
    color:#9B9B9B
}

.bookingRoomItemBox {
    background-color:#FFF;
    border-bottom:1px solid #E2E2E2;
    padding:1.5rem 2rem;
    font-family: PingFangSC-Regular;
    font-size: 1.6rem;
    color: #4A4A4A;
}

.bookingRoomItemBox:before{
    content:'';
    width : 2rem;
    height:2rem;
    background-image: url('/iot-meeting/assets/images/meetingRoom/order_history_icon.png');
    background-size: 2rem 2rem;
    display: block;
    position: relative;
    top: 0rem;
    left: -1rem;
    float: left;
}

.teamName {
    font-size: 1.2rem;
    color: #9B9B9B;
    line-height: 2rem;
    height: 2rem;
}

.amountStyle {
    font-size: 1.6rem;
    color: #272533;
}

.status-ready {
    color: #F6A623;
}

.status-in {
    color: #7CCF8C;
}

.status-unpay {
    color: #FF6275;
}

.status-meeting {
    color: #7CCF8C;
}

.status-done {
    color: #9B9B9B;
}

.emptyList {
    text-align: center;
    margin: 4rem;
    font-size: 1.8rem;
    color:#4a4a4a;
}

.bookedHistoryLink {
    position: fixed;
    left: 0;
    bottom: 0rem;
    width: 100%;
    /*padding: 1.5rem 0;*/
    text-align: center;
    height: 4rem;
    line-height: 4rem;
    font-family:PingFangSC-Regular;
    font-size: 1.4rem;
    color: #B3BDC2;
    letter-spacing: 0;
}

.detail-header {
    color : #999999;
    width: 20%;
    white-space: nowrap;
}

table td {
    text-align: left;
}

.disabled-img {
    width:10rem;
    height:7rem;
    float: right;
    position: relative;
    top: -2rem;
    right: -2rem;
}


.meeting-in {
    text-align: center;
}

.password-div {
    padding: 3rem;
    background: #E3F4FF;
    border: 2px dotted #FFFFFF;
    border-radius: 4px;
    margin: 2rem 0;
}

.meeting-pwd {
    font-size: 1.6rem;
    color: #0088EC;
    letter-spacing: 0.53px;
}

.lock-icon {
    margin: auto 1rem;
    width: 1.2rem;
    height: 1.6rem;
}

.meeting-in-desc{
    font-size: 1.2rem;
    margin-top: 1rem;
}

.meeting-in-share {
    font-size: 1rem;
    color: #9B9B9B;
    letter-spacing: -0.29px;
    margin-bottom: 1rem;

}

.overrideCellsMargin {
    margin-top:1rem
}

.amPmHeader {
    font-family: PingFangSC-Medium;
    font-size: 1.4rem;
    color: #49AFAF;
    letter-spacing: -0.34px;
}

.marginRight {
    margin-right:1.5rem;
}




/*会议室加油包相关*/
.used_Time_box{
    background: #FFFFFF;
    width: 100%;
    height: 19.5rem;

}

.totalTime_content{
    width: 100%;
    height: 2rem;
    padding-top: 1.9rem;
}

.totalTime_img{
    width: 1.4rem;
    height: 1.4rem;
    float: left;
    margin-left: 1.8rem;
}

.totalTime_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #586C94;
    text-align: left;
    float: left;
    margin-left: 0.6rem;
    line-height: 1.4rem;
    height: 1.4rem;
}

.totalTime_value{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #586C94;
    text-align: left;
    margin-left: 1rem;
    float: left;
    line-height: 1.4rem;
    height: 1.4rem;
}

.usableTime_content{
    width: 100%;
    height: 2rem;
    padding-top: 0.7rem;
}

.usableTime_img{
    width: 1.4rem;
    height: 1.4rem;
    float: left;
    margin-left: 1.8rem;
}

.usableTime_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #586C94;
    text-align: left;
    float: left;
    margin-left: 0.6rem;
    line-height: 1.4rem;
    height: 1.4rem;
}

.usableTime_value{
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #68C3FF;
    text-align: left;
    margin-left: 1rem;
    float: left;
    line-height: 1.4rem;
    height: 1.4rem;
}


.used_progressBar{
    background: #DBDBDB;
    box-shadow: inset 0 1px 3px 0 rgba(176,176,176,0.50);
    border-radius: 23px;
    height: 1.4rem;
    width: 90%;
    margin-left: 5%;
}

.residue_progressBar{
    background: #68C3FF;
    box-shadow: 0 0 4px 0 #68C3FF;
    border-radius: 23px;
    height: 1.4rem;
    margin-left: 5%;
    margin-top: -1.4rem;
}

.residue_box{
    /*width: 90%;*/
    /*margin-left: 5%;*/
    height: 3.2rem;
    border-radius: 23px;
    margin-top: 0.7rem;
    margin-bottom: 0.5rem;
}

.residue_title{
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #5F7299;
    text-align: left;
    height: 3.2rem;
}

.residue_value_box{
    float: left;
    margin-left: 0.5rem;
    height: 3.2rem;
}
.residue_value{
    font-family: PingFangSC-Semibold;
    font-size: 1.4rem;
    color: #64C2FF;
    text-align: left;
}
.arrow{
    width: 1.2rem;
    height: 1.2rem;

}


.buy_btn{
    background: #68C3FF;
    box-shadow: 0 2px 4px 0 #68C3FF;
    border-radius: 20px;
    width: 9rem;
    height: 3.2rem;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #FFFFFF;
    text-align:center;
    position: relative;
    left: 50%;
    margin-left: -4.5rem;
    line-height: 3.2rem;
    margin-top: 1.8rem;

}

.usedList_box{
    height: 12.8rem;
    background: #FFFFFF;
    margin-bottom:0.8rem;
    padding-left:15px;
}


.meetingRoom_name{
    font-family: PingFangSC-Regular;
    font-size: 1.7rem;
    color: #000000;
    letter-spacing: 0;
    height: 2.4rem;
    line-height: 2.4rem;
    padding-top: 1rem;
}

.used_content_box{
    height: 1.8rem;
    margin-top: 1rem;
}



.used_content_title{
    font-family: PingFangSC-Regular;
    font-size: 1.3rem;
    color: #5C5959;
    letter-spacing: 0;
    float: left;
}

.used_content_value{
    font-family: PingFangSC-Regular;
    font-size: 1.3rem;
    color: #5C5959;
    letter-spacing: 0;
    float: left;
    margin-left: 1rem;
}

.meetingRoomUsedTimeList_box{
    overflow: scroll;
}


.list_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #999999;
    text-align: left;
    margin-left: 15px;
    margin-top: 0.8rem;
    margin-bottom: 0.6rem;
    height: 2rem;
    line-height: 2rem;


}

.noData{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #999999;
    text-align: center;
    margin-top: 10rem;
}

.buy_header_box{
    background: #FFFFFF;
    width: 100%;
    height:6.4rem;
}


.headerLeft_box{
    background:#FFFFFF;
    float: left;
    width: 49%;
    height: 2.1rem;
    margin-top: 2.1rem;
}


.line_div_box{
    width:2%;
    height: 3.3rem;
    float: left;
}

.line_div{
    height: 3.3rem;
    width: 1px;
    background: #EEEEEE;
    float: left;
    position: relative;
    left: 50%;
    margin-left: -0.5px;
    margin-top: 1.6rem;
}

.headerRight_box{
    background:#FFFFFF;
    float: left;
    width: 49%;
    height: 2.1rem;
    margin-top: 2.1rem;
}

.headerLeft_img{
    width: 2rem;
    height: 2rem;
    float: right;
}

.headerLeft_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #303134;
    text-align: left;
    margin-left: 0.8rem;
    float: right;
    line-height: 2rem;
    height: 2rem;
    margin-right: 3rem;
}

.headerRight_img{
    width: 2rem;
    height: 2rem;
    float: left;
    margin-left: 5rem;
}

.headerRight_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #303134;
    text-align: left;
    float: left;
    line-height: 2rem;
    height: 2rem;
    margin-left: 0.8rem;
}


.buy_content_box{
    overflow: scroll;
    margin-top: 1rem;
    width: 100%;
    background: #FFFFFF;
}

.blue_div{
    background: #68C3FF;
    border-radius: 20px;
    width: 0.3rem;
    height:1.4rem;
    margin-left:1.6rem;
    float: left;
    margin-top: 2.7rem;
}
.companyName_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #000000;
    text-align: left;
    margin-left: 0.4rem;
    float: left;
    margin-top: 2.4rem;
    height: 2rem;
    line-height: 2rem;
}

.companyName_value{
    font-family: PingFangSC-Regular;
    font-size: 2rem;
    color: #000000;
    text-align: left;
    margin-left: 6rem;
    float: left;
    margin-top: 2rem;
    height: 2.8rem;
    line-height: 2.8rem;
}

.time_item_box{
    width: 94%;
    margin-top: 2rem;
    margin-left: 3%;
}

.time_box{
    width: 33.3%;
    height:6.2rem;
    float: left;
    margin-bottom: 1rem;

}


.item_time_content{
    border: 1px solid #55BBFF;
    border-radius: 5px;
    height:6.2rem;
    width:10.55rem;
    float: left;
    left: 50%;
    position: relative;
    margin-left: -5.275rem;
}


.pay_time_title{
    font-family: PingFangSC-Semibold;
    font-size: 1.4rem;
    color: #68C3FF;
    text-align: center;
}


.pay_time_price{
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #68C3FF;
    text-align: center;
}

.pay_time_promotion{
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #F8A255;
    text-align: center;
}

.protocol_title{
    width: 100%;
    font-family: PingFangSC-Regular;
    font-size: 1rem;
    color: #9B9B9B;
    text-align: center;
    position: fixed;
    bottom: 3.1rem;
}

.DialogBody_time_box{
    width: 100%;
    height:1.2rem;
    margin-bottom: 1.8rem;
}

.DialogBody_price_box{
    width: 100%;
    height:1.2rem;
    margin-bottom: 1.8rem;
}

.DialogBody_title{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #9B9B9B;
    letter-spacing: -0.34px;
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
}

.DialogBody_value{
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #9B9B9B;
    letter-spacing: -0.34px;
    height: 1.2rem;
    line-height: 1.2rem;
    float: left;
    margin-left: 1rem;
}


.price_value_content{
    font-family: PingFangSC-Regular;
    font-size: 32px;
    color: #FFD286;
    letter-spacing: -0.77px;
    text-align: center;
    line-height: 4rem;
    width: 100%;
    height: 4rem;
}


.confirmBuy_btn{
    width: 12.2rem;
    height:3.2rem;
    background: #0088EC;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #FFFFFF;
    letter-spacing: -0.34px;
    text-align: center;
    line-height: 3.2rem;
    position: relative;
    left: 50%;
    margin-left: -6.1rem;
    margin-top: 2.2rem;
    margin-bottom: 0.8rem;
}


.confirm_btn{
    height:3.2rem;
    background: #0088EC;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #FFFFFF;
    letter-spacing: -0.34px;
    text-align: center;
    line-height: 3.2rem;
    width: 90%;
    margin-left: 5%;
}

.Cancel_btn{
    height:3.2rem;
    background: #CCD2DA;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #FFFFFF;
    letter-spacing: -0.34px;
    text-align: center;
    line-height: 3.2rem;
    width: 90%;
    margin-left: 5%;
}

.payHistory_box{
    margin-top: 0.95rem;
    margin-left:1.5rem;
}

.payHistory_title{
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0;
}


.payHistory_timeLength_value{
    float: left;
    font-family: PingFangSC-Regular;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0;
    margin-left: 1rem;
}


.payHistory_price{
    float: right;
    font-family: PingFangSC-Regular;
    font-size: 1.6rem;
    color: #000000;
    letter-spacing: 0;
    margin-right: 1.8rem;
}

.payHistory_time_box{
    margin-top: 0.5rem;
    margin-left:1.5rem;
}


.payHistory_time_title{
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #5C5C5C;
    letter-spacing: 0;
    float: left;
}


.payHistory_time_value{
    font-family: PingFangSC-Regular;
    font-size: 1.2rem;
    color: #5C5C5C;
    letter-spacing: 0;
    float: left;
    margin-left: 1rem;
}


.trimester_title{
    font-family: PingFangSC-Regular;
    font-size: 1rem;
    color: #9B9B9B;
    text-align: center;
    width: 100%;
    height: 1rem;
    line-height: 1rem;
    position: absolute;
    bottom: 2rem;
}

.no_history_list{
    width: 100%;
    text-align: center;
    margin-top: 5rem;
}

.history_list_box{
    overflow: scroll;
}


.meetingRoom_history_user_payType{
    width: 7.7rem;
    height: 2.7rem;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #0088EC;
    letter-spacing: -0.34px;
    text-align: center;
    border: 1px solid #0088EC;
    border-radius: 55px;
    float: left;
    line-height: 2.7rem;
}


.meetingRoom_history_team_payType{
    width: 7.7rem;
    height: 2.7rem;
    font-family: PingFangSC-Regular;
    font-size: 1.4rem;
    color: #0088EC;
    letter-spacing: -0.34px;
    text-align: center;
    border: 1px solid #0088EC;
    border-radius: 55px;
    margin-left: 1rem;
    float: left;
    line-height: 2.7rem;
}

.payHistory_status{
    float: right;
    font-family: PingFangSC-Regular;
    font-size: 1.6rem;
    letter-spacing: 0;
    margin-right: 1.8rem;
}


.DialogBody_btn_box{
    width: 80%;
    height: 3.2rem;
    margin-left: 10%;
    margin-bottom: 0.8rem;
    margin-top: 2.2rem;
}

.cancel_btn_box{
    width: 50%;
    height: 3.2rem;
    float: left;
}


.confirm_btn_box{
    width: 50%;
    height: 3.2rem;
    float: left;
}

